<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./styles/shopcart.css">
</head>
<body>
    <div class="shopcar-header">
        <div class="shopcar-header-wrap">
            <div class="shopcar-logo">
                <a href="http://localhost/seven/XDW/meizu_project/src/index.html" class="logo-img">
                    
                </a>
            </div>
            <ul class="purchase-prograss">
                <li><a href="#">购物车 ></a> </li>
                <li><a href="#">确认订单 ></a></li>
                <li><a href="#">在线支付 ></a></li>
                <li><a href="#">完成</a> </li>
            </ul>
            <ul class="shopcar-user-info">
                <li><a href="#">我的订单</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
    <div class="car-container">
        <div class="car-container-wrap">
            <table class="car-title">
                <tbody>
                    <tr>
                        <td class="select-all">全选</td>
                        <td class="price-anlone">单价(元)</td>
                        <td class="car-count">数量</td>
                        <td class="this-count">小计(元)</td>
                        <td class="car-eitder">编辑</td>
                    </tr>
                </tbody>
            </table>
            <!-- 购物车物品列表 数据渲染 -->
            <div class="car-goods-list">
                <!-- <table class="car-goods-box"> -->
                    <!-- <tbody>
                        <tr class="car-product">
                            <td class="car-col-select">
                                <a href="#" class="cat-img">
                                    <img src="https://openfile.meizu.com/group1/M00/07/29/Cgbj0FzvN5eAOhF_AAG4VJC6XfM942.png@120x120.png"/>
                                </a>
                                
                            </td>
                            <td class="car-td2">
                                <a href="#" class="cat-detail">
                                  <p class="car-detail-name">魅族 EP2c 手机</p>
                                  <p class="car-detail-desc">珍珠黑</p>
                                </a>
                            </td>
                            <td class="car-td3">
                                <p>￥129.00</p>
                            </td>
                            <td class="car-td4">
                                <button class="reduce-cars">-</button>
                                <div class="cat-xiaoji-count">1</div>
                                <button class="add-cars">+</button>
                            </td>
                            <td class="car-td5">
                                <span class="car-xiaoji-price">￥129.00</span>
                            </td>
                            <td class="car-td6">
                                --
                            </td>
                        </tr>
                    </tbody>
                </table> -->
                <!-- <table class="car-goods-box"> -->
                        <!-- <tbody>
                            <tr class="car-product">
                                <td class="car-col-select">
                                    <a href="#" class="cat-img">
                                        <img src="https://openfile.meizu.com/group1/M00/07/29/Cgbj0FzvN5eAOhF_AAG4VJC6XfM942.png@120x120.png"/>
                                    </a>
                                    
                                </td>
                                <td class="car-td2">
                                    <a href="#" class="cat-detail">
                                      <p class="car-detail-name">魅族 EP2c 手机</p>
                                      <p class="car-detail-desc">珍珠黑</p>
                                    </a>
                                </td>
                                <td class="car-td3">
                                    <p>￥129.00</p>
                                </td>
                                <td class="car-td4">
                                    <button class="reduce-cars">-</button>
                                    <div class="cat-xiaoji-count">1</div>
                                    <button class="add-cars">+</button>
                                </td>
                                <td class="car-td5">
                                    <span class="car-xiaoji-price">￥129.00</span>
                                </td>
                                <td class="car-td6">
                                    --
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="car-goods-box">
                            <tbody>
                                <tr class="car-product">
                                    <td class="car-col-select">
                                        <a href="#" class="cat-img">
                                            <img src="https://openfile.meizu.com/group1/M00/07/29/Cgbj0FzvN5eAOhF_AAG4VJC6XfM942.png@120x120.png"/>
                                        </a>
                                        
                                    </td>
                                    <td class="car-td2">
                                        <a href="#" class="cat-detail">
                                          <p class="car-detail-name">魅族 EP2c 手机</p>
                                          <p class="car-detail-desc">珍珠黑</p>
                                        </a>
                                    </td>
                                    <td class="car-td3">
                                        <p>￥129.00</p>
                                    </td>
                                    <td class="car-td4">
                                        <button class="reduce-cars">-</button>
                                        <div class="cat-xiaoji-count">1</div>
                                        <button class="add-cars">+</button>
                                    </td>
                                    <td class="car-td5">
                                        <span class="car-xiaoji-price">￥129.00</span>
                                    </td>
                                    <td class="car-td6">
                                        --
                                    </td>
                                </tr>
                            </tbody>
                        </table> -->
            </div>
           
            
        </div>
    </div>

    <div class="car-footer">
        <div class="car-footer-wrap">
            <div class="cat-footer-right">
                <span>已优惠 0.00 元 ，合计（不含运费）：</span>
                <span class="all-price">￥1999</span>
                <a href="#"><button class="all-buy">去结算</button></a>
                
            </div>
        </div>
    </div>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="./moudelCart/cars.js"></script>
    <script src="./moudelCart/allrender.js"></script>
    
</body>
</html>